<!-- today users -->
<template>
  <div class="total_sales">
    <common-card
      title="今日交易用户数"
      value="81,041">
      <template>
        <v-chart :option="getOption()"></v-chart>
      </template>
      <template v-slot:footer>
        <span>退货率</span>
        <span class="emphasize">5.14%</span>
      </template>
    </common-card>
  </div>
</template>

<script>
import commonCardMixin from "@/mixins/commonCardMixin"
export default {
  mixins:[commonCardMixin],
  methods: {
    getOption(){
      return{
        grid:{
          top: 0,
          left: 0,
          bottom:0,
          right:0,
        },
        tooltip:{
          show: true ,
          trigger: 'item'
        },
        xAxis:{
          type:"category",
          show:false,
          data:["01:00","02:00","03:00","04:00","05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00"],
          axisPointer:{
            show:true,
            lineStyle:{
              color:"#eee"
            }
          }
        },
        yAxis:{
          show:false
        },
        series:[{
          type:"bar",
          color:'rgb(58,126,189)',
          data:[100,80,30,77,90,58,49,29,40,50,78,90],
          barWidth:'50%'
        }]
      }
    }
  },
}

</script>

<style lang='less' scoped>

</style>